{include file="static/appm/tpl_header.html" /}
<body xmlns="http://www.w3.org/1999/html">
{// 主页模块}
<div class="weui-tab container" id="js__main">
    <div class="page__hd">
        <h1 class="page__title">
            <a href="{:urlBuild('!.log');}">
                <img src="/aurora-appm.png" alt="Aurora" height="50px">
            </a>
            日志系统
        </h1>
    </div>
    <div class="weui-flex page-bar">
        <div class="weui-flex__item js__title"></div>
        <div class="weui-flex__item"></div>
        <a href="javascript:;" class="text-success tab__lnk" data-target="group"><i class="fa fa-th-large"></i> 分组</a>
        <a href="javascript:;" class="text-primary tab__lnk" data-target="filter"><i class="fa fa-filter"></i> 筛选</a>
        <a href="{$data.addUrl}" class="text-info"><i class="fa fa-plus"></i> 新增</a>
    </div>
    <div class="weui-flex aurora-border"></div>
    <article class="weui-article">
        <h1>{$data.name}</h1>
        <section id="js__log_list">
            {// 日志内容}            
        </section>
    </article>
    {// 控件回到顶部}
    <div class="aurora-forward-top"><a href="javascript:;"><i class="fa fa-chevron-circle-up"></i> 顶部</a></div>
    <div class="weui-footer">
        <p class="weui-footer__links">
            <a href="javascript:void(0);" class="weui-footer__link">版本号: v{$Think.config.setting.version}({$Think.config.setting.build})</a>
        </p>
        <p class="weui-footer__text">Copyright &copy; {$Think.config.setting.start}-{:date('Y');} {$Think.config.setting.organization}</p>
    </div>
</div>
{// 编辑模块}
<div class="weui-tab container" id="js__edit" style="display: none;">
    <div class="weui-flex bg-faded aurora-edit-head">
        <div class="weui-flex__item">
            <div class="placeholder"><a href="javascript:;" class="tab__lnk" data-target="js__main">
                <i class="fa fa-arrow-circle-left"></i>
                返回
            </a>
                /编辑
            </div>
        </div>
    </div>
    <div id="js__editor" style="margin-top: 10px;"></div>
    <div class="weui-btn-area" style="margin-top: 50px;">
        <a class="weui-btn weui-btn_primary" href="javascript:" id="submit_lnk">保存更改</a>
    </div>
</div>
{// 分组}
<div class="weui-tab container" id="js__group" style="display: none;">
    <div class="weui-flex bg-faded aurora-edit-head aurora-fixed-top" style="z-index: 100;">
        <div class="weui-flex__item">
            <div class="placeholder"><a href="javascript:;" class="tab__lnk" data-target="js__main">
                <i class="fa fa-arrow-circle-left"></i>
                返回
            </a>
                / 分组
            </div>
        </div>
    </div>
    {// z-index:-1; 不设置时 自己会被头部覆盖。设置以后 a 元素将被置于最底层而无法再获取的焦距}
    <!--<div class="weui-cells js__data" style="z-index:-1;"></div>-->
    <div class="weui-cells js__data"></div>
</div>
{// 筛选}
<div class="weui-tab container" id="js__filter" style="display: none;">
    <div class="weui-flex bg-faded aurora-edit-head">
        <div class="weui-flex__item">
            <div class="placeholder"><a href="javascript:;" class="tab__lnk" data-target="js__main">
                <i class="fa fa-arrow-circle-left"></i>
                返回
            </a>
                / 筛选
            </div>
        </div>
    </div>
    {// 分组设置}
    <div class="weui-cells__title" style="margin-top: 20px;">分组设置</div>
    <div class="weui-cells weui-cells_radio">
        <label class="weui-cell weui-check__label" for="setting_group_day">
            <div class="weui-cell__bd">
                <p>按天汇总</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="setting_group" id="setting_group_day" value="D1">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="setting_group_month">
            <div class="weui-cell__bd">
                <p>按月份汇总</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" class="weui-check" name="setting_group" id="setting_group_month" value="M1" checked>
                <span class="weui-icon-checked"></span>
            </div>
        </label>
        <label class="weui-cell weui-check__label" for="setting_group_year">
            <div class="weui-cell__bd">
                <p>按年份汇总</p>
            </div>
            <div class="weui-cell__ft">
                <input type="radio" name="setting_group" class="weui-check" id="setting_group_year" value="Y1">
                <span class="weui-icon-checked"></span>
            </div>
        </label>
    </div>
    <div class="weui-flex" style="padding-left: 20px;">
        <div class="weui-flex__item">
            <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary" id="use_group_lnk">查询分组</a>
            <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_default" id="save_group_lnk">保存分组</a>
        </div>
    </div>

    {// 高级搜索}
    <div class="weui-cells__title" style="margin-top: 80px;">高级搜索</div>
    <div class="weui-cells">
        <div class="weui-cell weui-cell_select weui-cell_select-before">
            <div class="weui-cell__hd">
                <select class="weui-select" name="search_col">
                    <option value="date">日期</option>
                    <option value="subhead">标题</option>
                    <option value="content" selected>内容</option>
                    <option value="address">地址</option>
                    <option value="remark">备注</option>
                    <option value="mtime">编辑日期</option>
                </select>
            </div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" name="search_value" placeholder="请输入筛选值">
            </div>
        </div>
        <div class="weui-cell weui-cell_select weui-cell_select-after">
            <div class="weui-cell__hd">
                <label class="weui-label">关系</label>
            </div>
            <div class="weui-cell__bd">
                <select class="weui-select" name="search_equal">
                    <option value="like">包含</option>
                    <option value="=">等于</option>
                    <option value="begin">以什么开头</option>
                    <option value="end">以什么结尾</option>
                </select>
            </div>
        </div>
        <a class="weui-btn weui-btn_primary" href="javascript:" id="super_search_lnk">高级搜索</a>
    </div>
</div>
</body>
</html>